@import "app.scss";

.timezone-edit-warp {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-image: linear-gradient(
    180deg,
    #5c91f9 0%,
    #0063ff 40.93%,
    #e5eff8 100%
  );
  // background-color: red;
  // 箭头颜色
  .van-icon-arrow-left {
    color: #fff !important;
  }
  // left文字颜色
  .van-nav-bar__text {
    color: #fff;
  }
  .top {
    padding-top: r(20);
    padding-left: r(16);
    color: #fff;
    font-weight: 700;
    padding-bottom: r(15);
    .welcome {
      font-size: 12px;
    }
    .rulename {
      margin-top: r(4);
      font-size: 20px;
    }
  }
  .content {
    width: 100%;
    overflow-y: scroll;
    border-radius: r(30) r(30) 0 0;
    background-color: #e5eff8;
    padding: r(26) r(16) r(26);
  }
  .card {
    margin-bottom: r(20);
    &:nth-last-child(2) {
      margin-bottom: 0;
    }
  }
  .btn {
    position: fixed;
    bottom: r(20);
    left: 50%;
    transform: translateX(-50%);
    width: r(243);
    z-index: 2;
    height: r(49);
    border-radius: 10px;
    background: #4a89fa;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 4px 4px 0px rgba(196, 205, 255, 0.8) inset;
  }
}
